<!DOCTYPE HTML>
<html>

  <head>
    <title>jsCalendar</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <link rel="stylesheet" type="text/css" href="calendar.css">
  </head>
  
  <body>
    <div class="calendar jsCalendar" data-localized_date='{"days":{"names":{"min":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]}},"months":{"names":{"long":["January","February","March","April","May","June","July","August","September","October","November","December"]}}}'></div>
    <div class="calendar jsCalendar jsSingleDate" data-firstdayofweek="6" data-startdate="Tue Aug 23 2011 00:00:00 GMT+0200 (CEST)" data-localized_date='{"days":{"names":{"min":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]}},"months":{"names":{"long":["January","February","March","April","May","June","July","August","September","October","November","December"]}}}'></div>
    <!--<script type="text/javascript" src="external/zepto.js"></script>-->
    <script type="text/javascript" src="external/jquery-1.6.1.js"></script>
    <script type="text/javascript" src="external/customModernizr.js"></script>
    <script type="text/javascript" src="calendar.js"></script>
    <script type="text/javascript">
        $(".jsCalendar").bind("startDateChanged", function() {
            $(this).data("startdate");
        }).bind("endDateChanged", function() {
            $(this).data("enddate");
        });
    </script>
  </body>
  
</html>
